@import 'publicCss';
body {
    background: $zycolor url(../images/syzindex/syz-bg.png) 95% .3rem no-repeat;
    background-size: 2.72rem 3.29rem;
}
#sys-main {
    /*主题内容*/
    padding: 0 0.2rem;
    .header-text {
        /*头部文字*/
        color: $fontFFF;
        margin-top: 0.7rem;
        h3 {
            font-size: 0.4rem;
            margin-bottom: 0.4rem;
        }
        p {
            font-size: 0.28rem;
            line-height: 0.44rem;
            &:nth-of-type(1) {
                margin-bottom: 0.3rem;
            }
            &:nth-of-type(2) {
                line-height: 44px;
                font-size: 0.3rem;
                display: flex;
                align-items: center;
                img {
                    width: 0.32rem;
                    height: 0.36rem;
                    margin-right: 0.1rem;
                }
            }
        }
    }
    .content {
        /*列表*/
       height: 9.4rem;
       overflow: hidden;
       position: relative;
       
        li {
        position: absolute;
        opacity: 0;
        
            width: 100%;
            height: 1.6rem;
            background-color: #fff;
            border-radius: 6px;
            overflow: hidden;
            a {
                display: inline-block;
                width: 100%;
                height: 100%;
                box-sizing: border-box;
                padding: .4rem 0 .4rem 1.04rem;
                
                div{
                    &:nth-of-type(1){
                        font-size: .34rem;
                        margin-bottom: .2rem;
                        color: $font1;
                    }
                    &:nth-of-type(2){
                        font-size: .28rem;
                        color: $font2;
                    }
                }
            }
            &:nth-of-type(1){
                top:2rem;
                
                a{
                    background: #fff url(../images/syzindex/sys-index-icon1.png) .3rem .26rem no-repeat;
                    background-size: .57rem .57rem;
                }
            }
            &:nth-of-type(2){
                 top:4rem;
                a{
                    background: #fff url(../images/syzindex/sys-index-icon2.png) .3rem .26rem no-repeat;
                    background-size: .57rem .57rem;
                }
            }
            &:nth-of-type(3){
                 top:6rem;
                a{
                    background: #fff url(../images/syzindex/sys-index-icon3.png) .3rem .26rem no-repeat;
                    background-size: .57rem .57rem;
                }
            }
            &:nth-of-type(4){
                top:8rem;
                a{
                    background: #fff url(../images/syzindex/sys-index-icon4.png) .3rem .26rem no-repeat;
                    background-size: .57rem .57rem;
                }
            }
            &:nth-of-type(5){
                top:10rem;
                a{
                    background: #fff url(../images/syzindex/sys-index-icon5.png) .3rem .26rem no-repeat;
                    background-size: .57rem .57rem;
                }
            }
        }
    }
}
